<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>审核列表(平台)</title>
    <link rel="stylesheet" type="text/css" th:href="@{/manager/easyui/themes/default/easyui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/manager/easyui/themes/icon.css}">
    <script type="text/javascript" th:src="@{/manager/easyui/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/manager/easyui/jquery.easyui.min.js}"></script>
    <script type="text/javascript">
        //工具栏
        var toolbar = [{
            text: '审核',
            iconCls: 'icon-edit',
            handler: function () {
                $('#dd').dialog('open');
            }
        }];
        $(function () {
            $('#booklist').datagrid({
                title: '审核列表',
                iconCls: 'icon-save',
                url: '/manager/examine/findAllExamineByCondition',
                columns: [
                    [
                        {field: 'title', title: '审核标题', width: 100, align: 'center'},
                        {field: 'info', title: '审核详情', width: 200, align: 'center'},
                        {field: 'flag', title: '审核状态', width: 80, align: 'center', formatter: function (val, row) {
                                //val 当前对象属性中的值
                                //row 当前行的信息
                                if (val == 0) {
                                    return "待审核";
                                }
                                if (val == 1) {
                                    return "审核不通过";
                                }
                                if (val == 2) {
                                    return "审核通过";
                                }
                                return '数据丢失';
                            }
                        },
                        {
                            field: 'e',
                            title: '书籍详情',
                            width: 200,
                            align: 'center',
                            formatter: function (value, row, index) {
                                return "<a href=''>查看</a>";
                            }
                        }
                    ]
                ],
                toolbar: toolbar,
                pagination: true,//表示在datagrid设置分页
                pageSize: 5,
                singleSelect: true,
                pageList: [5, 10, 20]
            });

            //初始化查询栏
            $("#submit_search").linkbutton({iconCls: 'icon-search', plain: true})
                .click(function () {
                    $('#dg').datagrid({queryParams: form2Json("searchform")});   //点击搜索
                });

            //初始化修改窗口
            $('#dd').dialog({
                title: 'My Dialog',
                width: 700,
                height: 500,
                closed: true,
                cache: false,
                href: '',
                modal: true,
                iconCls: 'icon-save',
                buttons: [{
                    text: '提交',
                    iconCls: 'icon-ok',
                    handler: function () {

                        let row = $("#booklist").datagrid("getSelected");

                        $("#examineId").val(row.id);
                        $("#bookId").val(row.bookId);
                        $("#number").val(row.number);
                        $("#supplierId").val(row.supplierId);
                        $('#ff').prop("action", "/manager/examine/modifyFlag");
                        $('#ff').submit();

                    }
                }, {
                    text: '关闭',
                    handler: function () {
                        alert('cancel');
                    }
                }]
            });
        });
    </script>
    <script th:inline="javascript">
        var msg=[[${msg}]];
        if (msg!=null){
            alert([[${msg}]]);
        }
    </script>
</head>
<body>
<form name="searchform" method="post" action="" id="searchform">
    <td width="70" height="30"><strong>审核查询：</strong></td>
    <td height="30">
        <input type="text" name="keyword" size=20 placeholder="书籍名称"/>
        <input type="text" name="keyword" size=20 placeholder="ISBN"/>
        <select name="search_type" id="search_type">
            <option value="-1">请选择供应商</option>
            <option value="be_name">供应商1</option>
            <option value="be_intro">供应商2</option>
            <option value="be_intro">供应商3</option>
        </select>
    </td>
    <td>
        <button type="button">查询</button>
    </td>
</form>
<table id="booklist"></table>
<div id="dd">
    <div align="center" style="margin-top: 30px">
        <form id="ff" method="post">
            <input type="text" id="examineId" name="id" hidden>
            <input type="text" id="bookId" name="bookId" hidden>
            <input type="text" id="number" name="number" hidden>
            <input type="text" id="supplierId" name="supplierId" hidden>
            <table>
                <tr>

                    <td>
                        审核状态:
                    </td>
                    <td>
                        <select name="flag" id="search_type" style="width:100px">
                            <option value="2">通过</option>
                            <option value="1">不通过</option>
                        </select>
                    </td>
                </tr>
                <tr style="vertical-align:top">
                    <td>
                        审核详情:
                    </td>
                    <td>
                        <textarea name="info" rows="10" cols="30"></textarea>
                    </td>
                </tr>
            </table>
        </form>
    </div>
</div>
</body>
</html>